import React from 'react'
import { Carousel } from 'antd';

interface IProps {
    imgs: string
}
const DetailSwiper = (props: IProps) => {
    const list = props.imgs.split(',')
    return (
        <div>
            <Carousel autoplay>
                {
                    list.map((item, index) => {
                        return (
                            <div key={index} style={{
                                width: '100vw'
                            }}>
                                <img src={item} alt="swiper"  style={{
                                    width: '100%'
                                }}/>
                            </div>
                        )
                    })
                }
            </Carousel>
        </div>
    )
}

export default DetailSwiper